<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Article</title>
    <link rel="stylesheet" href="css/article.css" />
</head>

<body>
    <div class="row-wrapper">
        <div class="flex-container">
            <header>
                <figure>
                    <img id="logo" src="img/Tencent_Logo.svg" />
                    <figcaption></figcaption>
                </figure>
                <nav>
                    <a href="main.html">Home</a>
                    <a href="#">About</a>
                    <a href="#">Contact</a>
                </nav>
            </header>
        </div>
    </div>

    <div class="row-wrapper">
        <div class="grid-container">
            <article id="full-article">
                <figure>
                    <img id="main-image" src="img/wolf.png" />
                    <figcaption></figcaption>
                </figure>
                <div id="article-content">
                    <div class="meta">OCT 25, 2019 BY THOMAS YOUNG</div>
                    <h1>The Wolf</h1>
                    <blockquote>The 2003 winners could have been out of sight had tries for Sam Underhill and
                        Ben Youngs not been ruled out by the video referee, but when Ardie Savea pounced on a wayward
                        line-out
                        throw to reduce the deficit to 13-7
                        the three-time world champions were on the charge.</blockquote>
                    <p>Yet the superb Ford landed a trio of nerveless penalties and with the young dynamos
                        Underhill and
                        Tom
                        Curry outstanding in
                        the back row England held on in style to pull off one of their greatest victories.
                    </p>
                    <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                        incididunt ut
                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
                        ullamco
                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit
                        in
                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
                        cupidatat
                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
                    <figure>
                        <img id="content-image" src="img/sky.jpg" />
                        <figcaption></figcaption>
                    </figure>
                    <p>But four years after crashing out at the group stage England tore the crown from their
                        head with
                        a
                        performance of unremitting energy and excellence on a night for the ages in Yokohama.
                    </p>
                </div>
            </article>
        </div>
    </div>

    <div class="row-wrapper">
        <div class="grid-container">
            <section id="author">
                <div class="author-icon"></div>
                <div class="author-content">
                    <h5>About Thomas Young</h5>
                    <p>A man come from a mysterious east country.<br> He love freedoom and math.</p>
                </div>
            </section>

            <section id="recommended-reading">
                <h5>Recommended Reading</h5>
                <ul>
                    <li><a href="#">Man of the match - Sam Underhill (England)</a></li>
                    <li><a href="#">England nail perfect 10 in breathless first half</a></li>
                    <li><a href="#">Reaction - 'England close to invincible'</a></li>
                    <li><a href="#">All Articles</a></li>
                </ul>
            </section>
        </div>
    </div>

    <div class="row-wrapper">
        <div class="grid-container">
            <div class="contact">
                <section class="subscribe">
                    <div class="note">
                        <h3 class="meta">Subscribe me</h3>
                        <p class="continue-reading">Follow me on <a href="https://github.com/miniyk2012">Github</a>
                        </p>
                    </div>
                    <div class="follow">
                        <a href="https://github.com/miniyk2012" class="button button--github"></a>
                    </div>
                </section>
                <section class="subscribe">
                    <div class="note">
                        <h3 class="meta">Contact me</h3>
                        <p class="continue-reading">Contact me on
                            <a href="https://www.facebook.com/profile.php?id=100004044940376">Facebook</a>
                        </p>
                    </div>
                    <div class="follow">
                        <a href="https://www.facebook.com/profile.php?id=100004044940376"
                            class="button button--facebook"></a>
                    </div>
                </section>
            </div>
        </div>
    </div>

    <footer class="row-wrapper">
        <footer class="grid-container">
            <footer>&copy; 2019 Thomas Young</footer>
        </footer>
    </footer>
</body>

</html>